<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.png">
    <title>steam商城</title>
    <!-- Custom CSS -->
    <link href="../dist/css/style.min.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div class="preloader">
        <div class="lds-ripple">
            <div class="lds-pos"></div>
            <div class="lds-pos"></div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper" data-sidebar-position="fixed">
        <!-- ============================================================== -->
        <!-- Topbar header - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <header class="topbar" style="position: relative;">
            <nav class="navbar top-navbar navbar-expand-md">
                <div class="navbar-header" data-navheader="fixed" style="position: relative">
                    <!-- ============================================================== -->
                    <!-- Logo -->
                    <!-- ============================================================== -->
                    <a class="navbar-brand" href="index.html">
                        <!-- Logo text -->
                        <span class="logo-text">
                            <!-- dark Logo text -->
                            <img src="../assets/images/logos/logo-text.png" alt="homepage" class="dark-logo" />
                        </span>
                    </a>
                    <!-- ============================================================== -->
                    <!-- End Logo -->
                    <!-- ============================================================== -->
                </div>
                <!-- ============================================================== -->
                <!-- End Logo -->
                <!-- ============================================================== -->
                <div class="navbar-collapse collapse" id="navbarSupportedContent">
                    <!-- ============================================================== -->
                    <!-- toggle and nav items -->
                    <!-- ============================================================== -->
                    <ul class="navbar-nav float-left mr-auto">
                        <!-- ============================================================== -->
                        <!-- End mega menu -->
                        <!-- ============================================================== -->
                    </ul>
                    <!-- ============================================================== -->
                    <!-- Right side toggle and nav items -->
                    <!-- ============================================================== -->
                    <ul class="navbar-nav float-right">
                        <!-- ============================================================== -->
                        <!-- Search -->
                        <!-- ============================================================== -->
                        <li class="nav-item search-box" id="search-box-top">
                            <form class="app-search d-block">
                                <input type="text" class="form-control" placeholder="请输入游戏名称">
                                <a href="" class="active"><i class="fa fa-search"></i></a>
                            </form>
                        </li>
                        <!-- ============================================================== -->
                        <!-- User profile-->
                        <!-- ============================================================== -->
                        <!-- <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle waves-effect waves-dark pro-pic" href=""
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="far fa-user"></i>
                                <span class="ml-2 user-text font-medium">Steve</span><span
                                    class="fas fa-angle-down ml-2 user-text"></span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right user-dd animated ">
                                <a class="dropdown-item" href="javascript:void(0)"><i class="ti-list mr-1 ml-1"></i>
                                    我的订单</a>
                                <a class="dropdown-item" href="javascript:void(0)"><i class="ti-settings mr-1 ml-1"></i>
                                    账户设置</a>
                                <a class="dropdown-item" href="javascript:void(0)"><i class="ti-server mr-1 ml-1"></i>
                                    我的服务</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="javascript:void(0)"><i
                                        class="fa fa-power-off mr-1 ml-1"></i> 退出登录</a>
                            </div>
                        </li> -->
                        <!-- ============================================================== -->
                        <!-- User profile -->
                        <!-- ============================================================== -->
                        <li class="nav-item">
                            <a class="nav-link" href="register.html">
                                注册
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="login.html">
                                登录
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="account/my-order.html">
                                我的订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="document.html">
                                <i class="far fa-question-circle"></i>
                                帮助中心
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!-- ============================================================== -->
        <!-- End Topbar header -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        <aside class="left-sidebar" style="position: relative; padding-top: 0;">
            <!-- Sidebar scroll-->
            <div class="scroll-sidebar">
                <!-- Sidebar navigation-->
                <nav class="sidebar-nav">
                    <ul id="sidebarnav">
                        <li class="sidebar-item"> <a class="sidebar-link sidebar-link" href="index.html"
                                aria-expanded="false"><i class="fas fa-home" style="font-size: 14px;"></i>首页</a></li>
                        <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link active"
                                href="goods-list-cards.html" aria-expanded="false">热门游戏</a></li>
                        <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"
                                href="goods-list-cards.html" aria-expanded="false">最新上市</a></li>
                        <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"
                                href="goods-list-cards.html" aria-expanded="false">特惠游戏</a></li>
                        <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"
                                href="goods-topic.html" aria-expanded="false">专题推荐</a></li>
                    </ul>
                </nav>
                <!-- End Sidebar navigation -->
            </div>
            <!-- End Sidebar scroll-->
        </aside>
        <!-- ============================================================== -->
        <!-- End Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Page wrapper  -->
        <!-- ============================================================== -->
        <div class="page-wrapper" style="padding-top: 0;">

            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="page-content container-fluid">
                <!-- ============================================================== -->
                <!-- Start Page Content -->
                <!-- ============================================================== -->
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-2">
                                <div id="navbar-example3" class="flex-column">
                                    <a class="nav-link" href="#aboutus">关于平台</a>
                                    <a class="nav-link" href="#termsOfService">服务条款</a>
                                    <a class="nav-link" href="#member">会员</a>
                                    <a class="nav-link border-bottom" href="#orderPay">订单支付</a>
                                    <a class="nav-link" href="#alipay">支付宝</a>
                                    <a class="nav-link border-bottom" href="#wechat">微信</a>
                                    <a class="nav-link border-bottom" href="#RefundPolicy">退款政策</a>
                                    <a class="nav-link" href="#CDKreceive">CDkey领取</a>
                                    <a class="nav-link" href="#steamPurchasing">Steam代购</a>
                                    <a class="nav-link" href="#Anonymous">匿名领取</a>
                                </div>
                            </div>
                            <div class="col-10 border-left document-wrap">
                                <div data-spy="scroll" data-target="#navbar-example3" data-offset="200"
                                    class="position-relative mt-4" >
                                    <h4 class="border-title" id="aboutus">关于平台</h4>
                                    <div id="accordian-3">
                                        <div class="card mb-0">
                                            <a href="javascript:;" class="card-header border-bottom text-purple" style="background: none;" id="heading11" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                                <h5 class="mb-0">Accordion Example 1</h5>
                                            </a>
                                            <div id="collapse1" class="collapse show" aria-labelledby="heading11" data-parent="#accordian-3">
                                                <div class="card-body">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card mb-0">
                                            <a href="javascript:;" class="card-header border-bottom text-purple" style="background: none;" id="heading22" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                                <h5 class="mb-0">Accordion Example 2</h5>
                                            </a>
                                            <div id="collapse2" class="collapse" aria-labelledby="heading22" data-parent="#accordian-3">
                                                <div class="card-body">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <a href="javascript:;" class="card-header border-bottom text-purple" style="background: none;" id="heading33" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                                <h5 class="mb-0">Accordion Example 3</h5>
                                            </a>
                                            <div id="collapse3" class="collapse" aria-labelledby="heading33" data-parent="#accordian-3">
                                                <div class="card-body">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <h4 class="border-title" id="termsOfService">服务条款</h4>
                                    <p class="text-muted">Amet tempor mollit aliquip pariatur excepteur commodo do ea cillum commodo Lorem
                                        et occaecat elit qui et. Aliquip labore ex ex esse voluptate occaecat Lorem
                                        ullamco deserunt. Aliqua cillum excepteur irure consequat id quis ea. Sit
                                        proident ullamco aute magna pariatur nostrud labore. Reprehenderit aliqua
                                        commodo eiusmod aliquip est do duis amet proident magna consectetur consequat eu
                                        commodo fugiat non quis. Enim aliquip exercitation ullamco adipisicing voluptate
                                        excepteur minim exercitation minim minim commodo adipisicing exercitation
                                        officia nisi adipisicing. Anim id duis qui consequat labore adipisicing sint
                                        dolor elit cillum anim et fugiat.</p>
                                    <h4 class="border-title" id="member">会员</h4>
                                    <p class="text-muted">Cillum nisi deserunt magna eiusmod qui eiusmod velit voluptate pariatur laborum
                                        sunt enim. Irure laboris mollit consequat incididunt sint et culpa culpa
                                        incididunt adipisicing magna magna occaecat. Nulla ipsum cillum eiusmod sint
                                        elit excepteur ea labore enim consectetur in labore anim. Proident ullamco ipsum
                                        esse elit ut Lorem eiusmod dolor et eiusmod. Anim occaecat nulla in non
                                        consequat eiusmod velit incididunt.</p>
                                    <h4 class="border-title" id="orderPay">订单支付</h4>
                                    <p class="text-muted">Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor.
                                        Laborum consequat non elit enim exercitation cillum aliqua consequat id aliqua.
                                        Esse ex consectetur mollit voluptate est in duis laboris ad sit ipsum anim
                                        Lorem. Incididunt veniam velit elit elit veniam Lorem aliqua quis ullamco
                                        deserunt sit enim elit aliqua esse irure. Laborum nisi sit est tempor laborum
                                        mollit labore officia laborum excepteur commodo non commodo dolor excepteur
                                        commodo. Ipsum fugiat ex est consectetur ipsum commodo tempor sunt in proident.
                                    </p>
                                    <h4 class="border-title" id="alipay">支付宝</h4>
                                    <p class="text-muted">Quis anim sit do amet fugiat dolor velit sit ea ea do reprehenderit culpa duis.
                                        Nostrud aliqua ipsum fugiat minim proident occaecat excepteur aliquip culpa aute
                                        tempor reprehenderit. Deserunt tempor mollit elit ex pariatur dolore velit
                                        fugiat mollit culpa irure ullamco est ex ullamco excepteur.</p>
                                    <h4 class="border-title" id="wechat">微信</h4>
                                    <p class="text-muted">Deserunt quis elit Lorem eiusmod amet enim enim amet minim Lorem proident
                                        nostrud. Ea id dolore anim exercitation aute fugiat labore voluptate cillum do
                                        laboris labore. Ex velit exercitation nisi enim labore reprehenderit labore
                                        nostrud ut ut. Esse officia sunt duis aliquip ullamco tempor eiusmod deserunt
                                        irure nostrud irure. Ullamco proident veniam laboris ea consectetur magna sunt
                                        ex exercitation aliquip minim enim culpa occaecat exercitation. Est tempor
                                        excepteur aliquip laborum consequat do deserunt laborum esse eiusmod irure
                                        proident ipsum esse qui.</p>
                                    <h4 class="border-title" id="RefundPolicy">退款政策</h4>
                                    <p class="text-muted">Labore sit culpa commodo elit adipisicing sit aliquip elit proident voluptate
                                        minim mollit nostrud aute reprehenderit do. Mollit excepteur eu Lorem ipsum anim
                                        commodo sint labore Lorem in exercitation velit incididunt. Occaecat consectetur
                                        nisi in occaecat proident minim enim sunt reprehenderit exercitation cupidatat
                                        et do officia. Aliquip consequat ad labore labore mollit ut amet. Sit pariatur
                                        tempor proident in veniam culpa aliqua excepteur elit magna fugiat eiusmod amet
                                        officia.</p>
                                    <h4 class="border-title" id="CDKreceive">CDkey领取</h4>
                                    <p class="text-muted">Labore sit culpa commodo elit adipisicing sit aliquip elit proident voluptate
                                        minim mollit nostrud aute reprehenderit do. Mollit excepteur eu Lorem ipsum anim
                                        commodo sint labore Lorem in exercitation velit incididunt. Occaecat consectetur
                                        nisi in occaecat proident minim enim sunt reprehenderit exercitation cupidatat
                                        et do officia. Aliquip consequat ad labore labore mollit ut amet. Sit pariatur
                                        tempor proident in veniam culpa aliqua excepteur elit magna fugiat eiusmod amet
                                        officia.</p>
                                    <h4 class="border-title" id="steamPurchasing">Steam代购</h4>
                                    <p class="text-muted">Labore sit culpa commodo elit adipisicing sit aliquip elit proident voluptate
                                        minim mollit nostrud aute reprehenderit do. Mollit excepteur eu Lorem ipsum anim
                                        commodo sint labore Lorem in exercitation velit incididunt. Occaecat consectetur
                                        nisi in occaecat proident minim enim sunt reprehenderit exercitation cupidatat
                                        et do officia. Aliquip consequat ad labore labore mollit ut amet. Sit pariatur
                                        tempor proident in veniam culpa aliqua excepteur elit magna fugiat eiusmod amet
                                        officia.</p>
                                    <h4 class="border-title" id="Anonymous">匿名领取</h4>
                                    <p class="text-muted">Labore sit culpa commodo elit adipisicing sit aliquip elit proident voluptate
                                        minim mollit nostrud aute reprehenderit do. Mollit excepteur eu Lorem ipsum anim
                                        commodo sint labore Lorem in exercitation velit incididunt. Occaecat consectetur
                                        nisi in occaecat proident minim enim sunt reprehenderit exercitation cupidatat
                                        et do officia. Aliquip consequat ad labore labore mollit ut amet. Sit pariatur
                                        tempor proident in veniam culpa aliqua excepteur elit magna fugiat eiusmod amet
                                        officia.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ============================================================== -->
                <!-- End PAge Content -->
                <!-- ============================================================== -->

            </div>
            <!-- ============================================================== -->
            <!-- End Container fluid  -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- footer -->
            <!-- ============================================================== -->
            <footer class="footer">
                <div class="footer-links">
                    <div class="container pt-4 pb-4 d-flex justify-content-between">
                        <div>
                            <h3>关于</h3>
                            <ul>
                                <li><a href="./document.html#aboutus">关于平台</a></li>
                                <li><a href="./document.html#termsOfService">服务条款</a></li>
                                <li><a href="./document.html#member">会员</a></li>
                                <li><a href="./document.html#orderPay">订单支付</a></li>
                            </ul>
                        </div>
                        <div>
                            <h3>支付方式</h3>
                            <ul>
                                <li><a href="./document.html#alipay">支付宝</a></li>
                                <li><a href="./document.html#wechat">微信</a></li>
                            </ul>
                        </div>
                        <div>
                            <h3>售后服务</h3>
                            <ul>
                                <li><a href="./document.html#RefundPolicy">退款政策</a></li>
                            </ul>
                        </div>
                        <div>
                            <h3>虚拟发货</h3>
                            <ul>
                                <li><a href="./document.html#CDKreceive">CDkey领取</a></li>
                                <li><a href="./document.html#steamPurchasing">Steam代购</a></li>
                                <li><a href="./document.html#Anonymous">匿名领取</a></li>
                            </ul>
                        </div>
                        <div>
                            <h3>客服中心</h3>
                            <ul>
                                <li>客服在线时间：09:00 - 21:00</li>
                                <li>客服QQ：1812945859</li>
                                <li>客服邮箱：123@123.COM</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-copyright text-center">Copyright since 2004 All Rights Reserved 版权所有 侵权必究
                    <a href="javascript:;">皖ICP备B2-20100023-11</a>.</div>

            </footer>
            <!-- ============================================================== -->
            <!-- End footer -->
            <!-- ============================================================== -->
        </div>
        <!-- ============================================================== -->
        <!-- End Page wrapper  -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->

    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src="../assets/libs/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="../assets/libs/popper.js/dist/umd/popper.min.js"></script>
    <script src="../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- apps -->
    <script src="../dist/js/app.min.js"></script>
    <script src="../dist/js/app.init.horizontal-fullwidth.js"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
    <!--Wave Effects -->
    <script src="../dist/js/waves.js"></script>
    <!--Custom JavaScript -->
    <script src="../dist/js/custom.min.js"></script>
    <script src="../assets/libs/jquery-nav/jquery.nav.js"></script>

</body>

</html>